<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <button>按钮一</button>
    <script>
        // 一、弹框 alert 可以阻止程序执行
        // 1.alert
        //    var res =  window.alert("123");
        //    console.log(res);
        //  alert(123);
        //  console.log(456);

        // 2.prompt 输入弹框 返还值就是输入的值；
        //   var res  =   prompt("请输入");
        //   console.log(res);
        // 3.confirm:询问弹框 
        // var res = confirm("你确定要删除吗?");
        // console.log(res);

        // 二、定时器；
        // 1.间隔定时器 setInterval 第一个参数是要执行的代码函数 （回调函数 callback） 第二个参数是间隔时间 单位是毫秒
        // 返还值是一个数字； 可以清除定时器clearInterval
        //   var num =  setInterval(function(){
        //         console.log("执行了");
        //     },1000);
        //     console.log(num);


        // var num2 = setInterval(function(){
        //     console.log("执行了");
        // },1000);
        // // console.log(num2);
        var btns = document.getElementsByTagName("button");
        // btns[0].onclick = function(){
        //     clearInterval(num2);
        // }

        // 2.倒计时定时器 有返还值；
        // var timer = setTimeout(function () {
        //     console.log("执行了");
        // }, 2000);
        // // console.log(timer);
        // btns[0].onclick = function(){
        //     // clearTimeout(timer);
        //     clearInterval(timer);
        // }

        // 3.settimeout 可以模拟 setinterval
        // function setTop(){
        //     setTimeout(() => {
        //         console.log("执行了");
        //         setTop();
        //     }, 1000);
        // }
        // setTop();

        // 4.settimeout、setinterval是js里的典型的异步函数；
        console.log(111);
        console.log(222);
        setTimeout(function(){
            console.log(333);
        })
        console.log(4444);
        
    </script>
</body>

</html>